<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>
<body>
    <!-- swiper轮播图 -->
    <div class="swip">
        <!-- 头部轮播图 -->
  <div class="swiper">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <img class="img" src="../../assets/imgs/index-swiper-bg1.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img class="img" src="../../assets/imgs/index-swiper-bg2.jpg" alt="">
        </div>
        <div class="swiper-slide">
          <img class="img" src="../../assets/imgs/index-swiper-bg3.jpg" alt="">
        </div>
      </div>
      <!-- 如果需要分页器 -->
      <div class="swiper-pagination"></div>

    </div>

  </div>
    </div>
   <!-- 用户名 -->
   <div class="user">
    <a href="./info.html" >
        <!-- 头像区域 -->
        <div class="user_name df ">
            <div class="user_name_box1 df">
               
                <!-- 头像 -->
                <div class="user_name_box1_gb">
                   <img alt="" id="user11">
                    <!-- vip -->
                    <div class="user_name_box1_vip iconfont icon-vip"></div>
                </div>
                <!-- 字体 -->
                <p class="user_name_p" ></p>
            </div>
            <div class="user_name_box2 ">
              <p class="user_name_box2_p iconfont icon-xiangyou1"></p>
            </div>
        </div>
      
       <p class="user_name_tex">个性签名：你值得被好好珍惜，加油XXXXX</p>
    </a>
</div>
<!-- 打卡 -->
<div class="Clock df jcc">
    <div class="Clock_box df aic jcsb">
      <div class="Clock_box_m"><span class="iconfont icon-shijian Clock_box_sp"></span > 累计打卡<span class="Clock_box_span">23</span>天</div>
       <div class="Clock_box_p">今日打卡</div>
    </div>
</div>
<!-- 个人动态 -->
<div class="Dynamic df jcc">
    <div class="Dynamic_box df aic jcsb">
        <div><span class="icon-lianxitiguanli iconfont  Dynamic_box_sp"></span><span class="Dynamic_box_ge">个人动态</span ></div>
        <a href="#"><div class="box"><span class="Dynamic_box_dd">10条</span><span class="iconfont icon-xiangyou1 Dynamic_box_span"></span></div></a>
    </div>
</div>
<!-- 运动 -->
 <div class="Sports ">
<div class="Sports_min df ">
<!-- 左边区域 -->
<div class="Sports_left df fdc jcsb">
  <!-- 图片 -->
  <div class="Sports_left_box">
 <span class="icon-tubiao-zhuzhuangtu iconfont Sports_left_box_sp2"></span>
</div>
<div class="df fdc jcsb ports_left_box">
  <p class="Sports_left_p22">总运动</p>
  <p><span class="Sports_left_span">99999</span>分钟</p>
</div>
</div>
<!-- 右边边区域 -->
<div class="Sports_rigt  df fdc jcsb">
  <a href="#"><div class="Sports_rigt_div"><p class="iconfont icon-xiangyou1 Dynamic_box_span"></p></div></a> 

   <div class="Sports_rigt_p Sports_left_p">本周消耗</div>
   <p ><span class="Sports_left_span22">99999</span>千卡</p>
</div>
    </div>
 </div>
 <!-- 我的运动徽章 -->
 <div class="badge"> 
    <div class="badge_min">
 <!-- 头部 -->
 <div class="badge_top df jcsb">
    <div class="badge_top">
        <!-- 图片 -->
         <span class="icon-sharpicons_badge- iconfont badge_top_sp"></span>
         <span class="badge_top_span">我的运动徽章</span>
    </div>
   <a href="#"><p class="iconfont icon-xiangyou1 Dynamic_box_span"></p></a> 
</div>
<!-- 底部 -->
<div class="badge_botm df jcsb">
    <div class="badge_botm_box1 ">
       <img src="../../assets/imgs/mybadge01.jpg" alt="">
    </div>
    <div class="badge_botm_box2">
      <img src="../../assets/imgs/mybadge02.jpg" alt="">
    </div>
    <div class="badge_botm_box3">
      <img src="../../assets/imgs/mybadge03.jpg" alt="">
    </div>
</div>
    </div>
    
 </div>
 <!--底部 -->
 <!-- <footer class="foot df jcc">
    <div class="foot_box df">
        <div class="foot_box1"></div>
        <div class="foot_box2"></div>
        <div class="foot_box3"></div>
        <div class="foot_box4"></div>
    </div>
 </footer> -->
</body>
</html>